<template>
    <div id="sheet">
        <slot></slot>
    </div>
</template>

<script>
    export default {
        name: "point",
        props: {
            power: String,
            chartname: Array, // 在当前地方的角色列表
        }
    }
</script>

<style scoped>
    #sheet {
        width: 100px;
        height: 100px;
        background-color: rgba(107, 181, 196, .5);
        user-select: none;
        display: flex;
        cursor: pointer;
        justify-content: center;
        align-items: center;
        border: white 2px solid;
        background-size: 100% 100%;

    }

    #sheet:hover {
        /*transform: rotateY(15deg) rotateX(15deg);*/
        background-color: rgba(69, 232, 245, 0.5) ;
        transition: .1s !important;

    }
</style>